<?php
/* 
 * semua data diinisialisasi disini
 * agar 1 form ini bisa digunakan untuk tambah dan edit data
 * aturan dari {name} dari field form adalah data[nama_field_database]
 * misal : dalam table jenis kajian ada field nama
 * untuk membuat name dari field form tsb, {name} nya adalah data[nama]
 * proses simpan data menggunakan ajax jquery (bisa dilihat dokumentasinya di jquery)
 * form validationnya menggunakan jquery validation engine (bisa dilihat di google)
 */
 
$id=0;
$judul="";
$tema="";
$pemateri_id="";
$nama_pemateri="";
$kitab="";
$hari="";
$tgl_mulai="";
$jam_mulai="";
$tgl_selesai="";
$jam_selesai="";
$ket_jam="";
$lokasi_id="";
$nama_lokasi="";
$biaya="";
$jns_peserta_id="";
$kontak="";
$poster="";
$panitia="";
$jns_kajian_id=1;
$keterangan="";
$published="no";

foreach($kajian->result_array() as $row){
	$id=$row['id'];
	$judul=$row['judul'];
	$tema=$row['tema'];
	$pemateri_id=$row['pemateri_id'];
	$nama_pemateri=$row['nama_pemateri'];
	$kitab=$row['kitab'];
	$hari=$row['hari'];
	$tgl_mulai=$row['tanggal_mulai'];
	$jam_mulai=$row['jam_mulai'];
	$tgl_selesai=$row['tanggal_selesai'];
	$jam_selesai=$row['jam_selesai'];
	$ket_jam=$row['ket_jam'];
	$lokasi_id=$row['lokasi_id'];
	$nama_lokasi=$row['nama_lokasi'];
	$biaya=$row['biaya'];
	$jns_peserta_id=$row['jns_peserta_id'];
	$kontak=$row['kontak'];
	$jns_kajian_id=$row['jns_kajian_id'];
	$panitia=$row['panitia'];
	$poster=$row['poster'];
	$keterangan=$row['keterangan'];
	$published=$row['published'];
}
?>
<article>
<h1>Form Kajian</h1>
<div class="error" style="display:none">Error</div>
<form id="form_upload" target="frame" action="<?php echo base_url()."admin/kajian/form/".$id?>" class="styled" method="post" enctype="multipart/form-data" >	
	
		<div class="grid_4 left">
			<label for="jenis_kajian">Jenis Kajian</label>
			<select id="jenis_kajian" name="data[jns_kajian_id]" class="textbox" onChange="jenisKajian()">
				<?php foreach($jenis_kajian['data']->result_array() as $row){?>
					<option value="<?php echo $row['id']?>" <?php echo $row['id']==$jns_kajian_id?'selected="selected"':''?>><?php echo $row['nama']?></option>
				<?php } ?>
			</select>
		</div>
		<div class="grid_4 right">
			<label for="jenis_peserta">Peserta</label>
			<select id="jenis_peserta" name="data[jns_peserta_id]" class="textbox">
				<?php foreach($jenis_peserta['data']->result_array() as $row){?>
					<option value="<?php echo $row['id']?>" <?php echo $row['id']==$jns_peserta_id?'selected="selected"':''?>><?php echo $row['nama']?></option>
				<?php } ?>
			</select>
		</div >
		
		<div class="grid_9 left">
			<label for="judul">Judul</label>
			<input class="textbox validate[required]" type="text" name="data[judul]" id="judul" value="<?php echo $judul?>"  />
			<label for="tema">Tema/Materi</label>
			<input class="textbox validate[required]" type="text" name="data[tema]" id="tema" value="<?php echo $tema?>"  />
			<label for="kitab">Kitab Rujukan</label>
			<input class="textbox validate[required]" type="text" name="data[kitab]" id="kitab" value="<?php echo $kitab?>"  />
			<label for="pemateri">Pemateri</label>
			<input class="textbox validate[required]" type="text"  id="pemateri" value="<?php echo $nama_pemateri?>"  />
			<input type="hidden" id="pemateri_id" name="data[pemateri_id]" value="<?php echo $pemateri_id?>"/>
		</div>
		
		<div class="grid_4 left">
		
			<label for="hari" class="hari">Hari</label>
			<select id="hari" name="data[hari]" class="textbox hari">
				<?php foreach(get_day() as $key=>$value){?>
					<option value="<?php echo $key?>" <?php echo $key==$hari?'selected="selected"':''?>><?php echo $value?></option>
				<?php } ?>
			</select>
			<label for="tanggal" class="mulai">Tanggal</label>
			<input class="textbox mulai" type="text" name="data[tanggal_mulai]" id="tanggal_mulai" value="<?php echo date('d-m-Y',strtotime($tgl_mulai))?>"  />
			<label for="tanggal-selesai" class="selesai">Tanggal Selesai</label>
			<input class="textbox selesai" type="text" name="data[tanggal_selesai]" id="tanggal_selesai" value="<?php echo date('d-m-Y',strtotime($tgl_selesai))?>"  />
		</div>
		
		<div class="grid_4 right">
			<label for="jam_mulai">Jam Mulai</label>
			<input class="textbox " type="text" name="data[jam_mulai]" id="jam_mulai" value="<?php echo $jam_mulai?>"  />
			<label for="jam_selesai">Jam Selesai</label>
			<input class="textbox " type="text" name="data[jam_selesai]" id="jam_selesai" value="<?php echo $jam_selesai?>"  />
		</div>
		
		<div class="grid_9 left">
			<label for="ket_jam">Keterangan untuk waktu pelaksanaan (*bila ada)</label>
			<textarea class="textbox" type="text" name="data[ket_jam]" id="ket_jam" cols="100%"><?php echo $ket_jam?></textarea>

			<label for="tempat">Tempat/Lokasi</label>
			<input class="textbox validate[required]" type="text"  id="lokasi" value="<?php echo $nama_lokasi?>"  />
			<input type="hidden" id="lokasi_id" name="data[lokasi_id]" value="<?php echo $lokasi_id?>"/>
			
			<label for="biaya">Biaya (*bila ada)</label>
			<textarea class="textbox" type="text" name="data[biaya]" id="biaya" cols="100%"><?php echo $biaya?></textarea>
			
			<label for="kontak">Kontak yang bisa dihubungi (*bila ada)</label>
			<textarea class="textbox" type="text" name="data[kontak]" id="kontak" cols="100%"><?php echo $kontak?></textarea>
			
			<label for="panitia">Panitia penyelenggara (*bila ada)</label>
			<textarea class="textbox" type="text" name="data[panitia]" id="panitia" cols="100%"><?php echo $panitia?></textarea>
			
			<label for="keterangan">Keterangan Lain</label>
			<textarea class="textbox" type="text" name="data[keterangan]" id="keterangan" cols="100%"><?php echo $keterangan?></textarea>
			
			<label>Published</label>
			<input type="radio" name="data[published]" <?php echo $published=="yes"?'checked="checked"':''?> value="yes" />&nbsp;YES
			&nbsp;&nbsp;
			<input type="radio" name="data[published]" <?php echo $published=="no"?'checked="checked"':''?> value="no" />&nbsp;NO
			<br /><br />
			<label for="name">Poster</label>
			<input type="hidden" id="poster" name="data[poster]" value="<?php echo $poster?>" />
			<?php echo $poster!=''?'<img src="'.base_url().'images/poster/'.$poster.'" width="50" height="50" />':''?>
			<input class="textbox" type="file" name="userfile" id="userfile"  />	
			<input type="submit" value="SIMPAN" class="right button" />
		</div>
	
</form>
</article>
<iframe id="frame" name="frame" width=0 height=0 border=0 ></iframe>
<script>
				
function respon(str){
	 $.fancybox.hideActivity();

	var obj = jQuery.parseJSON(str);
	if(obj.status == 'success'){
		window.location = "<?php echo base_url()?>"+obj.url;
	}else{
		$(".error").text(obj.msg);
		$(".error").fadeIn(1000);
	}
}

function jenisKajian(){
	var jn = $('#jenis_kajian').val();
	$('#tanggal_mulai').val('');
	$('#tanggal_selesai').val('');
	
	if(jn == 1){
		$('.mulai').hide();
		$('.selesai').hide();
		$('.hari').show();
	}else if(jn == 2){
		$('.mulai').show();
		$('.selesai').show();
		$('.hari').hide();
	}else{
		$('.mulai').show();
		$('.selesai').hide();
		$('.hari').hide();
	}
}
$("#form_upload").submit(function(){
	if($(this).validationEngine('validate')){
		 $.fancybox.showActivity();
		$(".error").hide();
		
		return true;
	}
	return false;
});

$(document).ready(function(){
	<?php if($jns_kajian_id == 1){?>
	$('.mulai').hide();
	$('.selesai').hide();
	<?php }else if($jns_kajian_id == 2){?>
	$('.hari').hide();
	<?php }else{?>
	$('.hari').hide();
	$('.selesai').hide();
	<?php } ?>

	$("#form_upload").validationEngine();

	$('#tanggal_mulai').DatePicker({
		format:'d-m-Y',
		date: '<?php echo date('d-m-Y')?>',
		current: '<?php echo date('d-m-Y')?>',
		starts: 1,
		position: 'r',
		onChange: function(formated, dates){
			$('#tanggal_mulai').val(formated);
			$('#tanggal_mulai').DatePickerHide();
		}
	});
	
	$('#tanggal_selesai').DatePicker({
		format:'d-m-Y',
		date: '<?php echo date('d-m-Y')?>',
		current: '<?php echo date('d-m-Y')?>',
		starts: 1,
		position: 'r',
		onChange: function(formated, dates){
			$('#tanggal_selesai').val(formated);
			$('#tanggal_selesai').DatePickerHide();
		}
	});
	
	$('#jam_mulai').timepicker({ 'step': 15,'timeFormat': 'H:i' });
	$('#jam_selesai').timepicker({ 'step': 15,'timeFormat': 'H:i' });
	
	$("#pemateri").autocomplete('<?php echo base_url()?>admin/pemateri/autocomplete.html', {
			autoFill: true,
			mustMatch: true,
			minChars: 3,
			multipleSeparator: "-",
		}).result(function(data, row) {
			var r = row;
			if (typeof r != 'undefined') {
				$("#pemateri_id").val(r[1]);
			}
	});
	
	$("#lokasi").autocomplete('<?php echo base_url()?>admin/lokasi/autocomplete.html', {
			autoFill: true,
			mustMatch: true,
			minChars: 3,
			multipleSeparator: "-",
		}).result(function(data, row) {
			var r = row;
			if (typeof r != 'undefined') {
				$("#lokasi_id").val(r[1]);
			}
	});
	  
});
</script>